<form method="post" id="frmEmail" name="frmEmail" action="{$smarty.const.HOST_VFRIEND}account/basicsave" enctype="multipart/form-data">
	<input type="hidden" name="phascode" id="phascode" value="" />
    <input type="hidden" name="ptsave" id="ptsave" value="{$intType}" />
	<div class="editForm">
        <p>Để thực hiện việc thay đổi email: <strong>{$AppUI->email}</strong>.</p>
        <p>Bạn vui lòng thực hiện theo các bước:</p>
        <ul>
        	<li>Bước 1: Nhập địa chỉ E-mail muốn thay đổi và mật khẩu đăng nhập trên {$smarty.const.DOMAIN_NAME}. Hệ thống sẽ gửi một E-mail xác nhận yêu cầu thay đổi.</li>
            <li>Bước 2: Đăng nhập vào E-mail mới, kiểm tra trong inbox/spam (hộp thư/thư rác).</li>            
            <li>Bước 3: Nhấn vào link chứng thực trong E-mail để hoàn thành việc thay đổi.</li>
        </ul>
        <div class="userInput">
        	<label>E-mail đăng nhập mới:</label>
        	<input type="text" value="{if isset($smarty.session.st_email)}{$smarty.session.st_email|escape}{/if}" id="pemail" name="pemail" maxlength="150" class="text" />	
        </div>
        <div class="userInput">
        	<label>Mật khẩu tại {$smarty.const.DOMAIN_NAME}:</label>
        	<input type="password" value="" id="ppassword" name="ppassword" maxlength="30" class="text" />	
        </div>
        <div class="userInput">
        	<input type="submit" value="Thay đổi E-mail" class="btnSubmit" />
            <input type="button" value="Hủy" class="btnCancel" onclick="javascript:basicClose('{$strView}','{$strEdit}')" />
        </div>
    </div>
</form>
{literal}
<script type="text/javascript" language="javascript">
	$(document).ready(function(){
		$("#frmEmail").validate({				
			errorClass		: "errorMessage",
			errorElement	: "span",
			onfocusout		: false,
			onkeyup			: false,
			rules: {			
				pemail:{
					required 			: true,
					email				: true,
					emailIsExists		: true
				},
				ppassword:{
					required			: true,
					passwordValidate	: true
				}
			},
			messages: {			
				pemail:{
					required 			: email_required,
					email				: email_invalid,
					emailIsExists		: email_exists
				},
				ppassword:{
					required			: password_required,
					passwordValidate	: password_invalid
				}
			},		
			errorPlacement: function(label, element) {			
				var id = element.attr("id");			
				label.insertAfter($("#" + id));			
			},
			submitHandler: function(form) {				
				form.submit();
			}
		});	
		$.validator.addMethod("emailIsExists", function(){
			var result		= true;
			var strEmail	= $("#pemail").val();
			var strUrl 		= HOST_VFRIEND + "valid/isexistemail";
			$.ajax({
				cache 	: false,
				async	: false,
				type	: "POST",
				data	: "email=" + strEmail,
				url		: strUrl,
				success	: function(response) {
					result = (response == 1) ? true : false;
				}
			});
			return result;
		});
		$.validator.addMethod("passwordValidate", function(){
			var result 			= true;
			var strPassword		= $("#ppassword").val();
			var strHasPassword	= MD5(MD5(strGeneralCode) + MD5(strPassword));				
			var strUrl 			= HOST_VFRIEND + "valid/isvalidpassword";
			$("#ppassword").val("");
			$("#phascode").val(strHasPassword);
			$.ajax({
				cache	: false,
				async	: false,
				type	: "POST",
				data	: "password=" + strHasPassword,
				url		: strUrl,
				success	: function(response) {
					result = (response == 1) ? true : false;
				}
			});
			return result;								   
		});		
	});
</script>
{/literal}